{% block html_header %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{% block title %}Clanty{% endblock %}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="/css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAL2S0I9Ae_CEC_cvfSTPB-xRW8RKozGYnt3BKpqPArRTozqkNuxQr2efOWRC6R0BDTA39rhRH0MXzOg"></script>
  <script type="text/javascript">
    google.load("maps", "2");
    google.load("jquery", "1.5.1");
  </script>
<script type="text/javascript" src="/js/utilities.js"></script>
<script src="/js/jquery.smart_autocomplete.js" type="text/javascript"></script>

{% block script %}{% endblock %}
</head>
<body>
<div id="outer">
  <div id="header">
    <h1><a href="http://www.clanty.com/">Clanty</a></h1>
    <h2>Clanty</h2>
  </div>
  <div id="menu">
    <ul>
      <li class="first"><a href="http://www.clanty.com/{{lang}}" accesskey="1">Home</a></li>
      <li><a href="/de" accesskey="2">Deutsch</a></li>
      <li><a href="/en" accesskey="2">English</a></li>
      <li><a href="/vocabulary{% ifnotequal lang '' %}/{{lang}}{%endifnotequal %}" accesskey="3">Vocabulary</a></li>
      <li><a href="/tags{% ifnotequal lang '' %}/{{lang}}{%endifnotequal %}" accesskey="4">Tags</a></li>
      {% if login %}{% ifequal customuser.url 'alvaro' %}<li><a href="/films" accesskey="4">Films</a></li>{% endifequal %}{% endif %}
      <li><a href="/vocabulary/favourites/{{lang}}" accesskey="5"><img src="/img/star-small.png" width="10" height="10" border="0" /> Favourites</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="tertiaryContent">
      {% if login %}
      {% ifequal customuser.url 'alvaro' %}
        <h3>Films</h3>
        <h3><a href="/newfilm"><img src="/img/plus-small.png" border="0" /> New Film</a></h3>
      {% endifequal %}
      {% endif %}
      {% if login %}
        <h3>Vocabulary</h3>
        <h3><a href="/vocabulary/{{lang}}/new/"><img src="/img/plus-small.png" border="0" /> New Word</a></h3>
      {% endif %}
      <p></p>
    </div>

{% endblock %}

{% block content %}

{% endblock %}
{% block footer %}
    <div id="secondaryContent">
      <h3>Level</h3>
      <p>C1</p>
      <h3>Terms by type</h3>
      <ul>
        <li><a href="/vocabulary/adjective">Adjective</a></li>
        <li><a href="/vocabulary/adverb">Adverb</a></li>
        <li><a href="/vocabulary/connector">Connectors</a></li>
        <li><a href="/vocabulary/expresion">Expresions</a></li>
        <li><a href="/vocabulary/noun">Nouns</a></li>
        <li><a href="/vocabulary/saying">Sayings</a></li>
        <li><a href="/vocabulary/verbs">Verbs</a></li>
      </ul>
      <p></p>
      <h3>Resources</h3>
      <ul>
        <li><a href="http://www.wordreference.com">Wordreference</a></li>
        <li><a href="http://www.insideout.net/">InsideOut</a></li>
        <li><a href="http://www.merriam-webster.com">Merrian Webster</a></li>
        <li><a href="http://translate.google.com">Google Translator</a></li>
      </ul>
      <div class="xbg"></div>
    </div>
    <div class="clear"></div>
  </div>
  <div id="footer">
    <p>2011 Clanty.com. Designed by <a href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
  </div>
</div>
{% endblock %}
